<!DOCTYPE html>
<html lang="en" ng-app="app">
 <meta charset="utf-8">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no, email=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <link rel="stylesheet" href="css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="css/chun.css">
    <script src="js/swiper-3.4.2.min.js"></script>
    <script src="js/iscroll-probe.js"></script>
    <script src="js/angular.min.js"></script>
    <script src="js/angular-route1.4.5.js"></script>
</head>
<body ng-controller="ctrl">

    <ng-view></ng-view>


<footer>
    <ul>
        <li>
            <a href="#one"><img src="img/发现.png" alt=""><p>发现</p></a>
        </li>
        <li>
            <a href="#two"><img src="img/动态.png" alt=""><p>动态</p></a>
        </li>
        <li style="display: flex;justify-content: center">
            <img src="img/我是歌手图标.png" alt="" class="img1" style="width: 90%;height: 100%;margin-top: -1.5rem">
        </li>
        <li>
            <a href="#three"><img src="img/消息.png" alt=""><p>消息</p></a>
        </li>
        <li>
            <a href="#four"><img src="img/我图标.png" alt=""><p>我的</p></a>
        </li>
    </ul>
</footer>
</body>
<script>
    var app=angular.module("app",["ngRoute"]);
    app.config(function ($routeProvider) {
        $routeProvider
                .when("/one",{
                    templateUrl:"one.html",
                    controller:"ctrl"
                })
                .when("/two",{
                    templateUrl:"two.html"
                })
                .when("/three",{
                    templateUrl:"three.html",
                    controller:"ctrl"
                })
                .when("/four",{
                    templateUrl:"four.html"
                })
                .otherwise("/one")
    });

    app.controller("ctrl",function ($scope,$http,$timeout){

    })
</script>
</html>